<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>子代选择器</title>
    <style type="text/css">
        div>p{
            font-family: 微软雅黑;
            color: darkorange;
            background-color: antiquewhite;
        }
    </style>
<link rel="stylesheet" type="text/css" href="../CSS/CSS.css"></head>
<body>
<br/>
<fieldset><legend><h4>作用与示例</h4></legend>
    <p>作用：子代选择器只能用在一个标签的子标签上，要在这个标签后面加“>”然后加上后代标签编写</p>
    <p>代码示例：<pre>    &lt;style type="text/css"&gt;
        div>p{
            font-family: 微软雅黑;
            color: darkorange;
            background-color: antiquewhite;
        }
    &lt;/style&gt;</pre></p>
    <p>代码效果：<div>我是爸爸div
    <p>我是子代p标签</p></div>
    <p>补充：虽然是子代选择器，但是可以达到后代选择器的效果，只要用">"符号串联起来就可以，但是要注意浏览器默认的后代有一个tbody标签</p>
</fieldset>
<link rel="stylesheet" type="text/css" href="../CSS/CSS.css"></head>

</body>
</html>